$primary-color: #04a25c;
$red-color: #FF0000;

body {
    font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

.bg-white {
    background: #fff;
}

@mixin clearfix {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
        overflow: hidden;
    }
}

.clearfix {
    @include clearfix;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    background-color: #f7f4f8;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    color: #333;
}

img {
    border: 0;
    vertical-align: middle;
}

.mt-100 {
    margin-bottom: 1.2rem;
}

.mt-0 {
    margin-top: 0 !important;
}

[v-cloak] {
    display: none;
}

.boder-t::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.boder-b::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #efefef;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.boder-l:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.boder-r::before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

/* 重新 weui start */

.weui-input {
    height: .666667rem;
    line-height: .666667rem;
}

.weui-btn {
    padding-left: .373333rem;
    padding-right: .373333rem;
    font-size: .48rem;
}

.weui-btn_primary {
    background-color: $primary-color;
}

.weui-btn-area {
    margin: 1.17647059em .4rem .3em;
}

.weui-btn_disabled {
    &.weui-btn_primary {
        background-color: #8dd9b7;
    }
}

.weui-cells {
    margin-top: .52rem;
    background-color: #fff;
    line-height: 1.47058824;
    font-size: .426667rem;
}

.weui-cell {
    padding: .266667rem .4rem;
}

.weui-cell_access {
    .weui-cell__ft {
        padding-right: .346667rem;
    }
    .weui-cell__ft:after {
        height: .16rem;
        width: .16rem;
    }
}

.weui-cell_vcode {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.weui-vcode-btn {
    line-height: 1.2rem;
    height: 1.2rem;
    font-size: .453333rem;
    color: $primary-color;
    &.disabled {
        color: rgba(0, 0, 0, 0.3);
    }
}

.weui-select {
    height: 1.2rem;
    line-height: 1.2rem;
    padding-left: .4rem;
}

.weui-cell_select {
    padding: 0;
}

.weui-cell_select .weui-select {
    padding-right: .8rem;
}

.weui-cell_select-before .weui-select {
    width: 2.8rem;
}

.weui-cell_select-before .weui-cell__bd {
    padding-left: .4rem;
}

.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 4.8rem;
    left: 50%;
    margin-left: -3.8em;
    background: hsla(0, 0%, 7%, .7);
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: .426667rem;
}

.weui-icon-success-circle,
.weui-icon-success-no-circle {
    font-size: .613333rem;
    color: #09bb07;
}

.weui-icon_toast {
    margin: .586667rem 0 0;
    display: block;
}

/* 重写 weui end */

.bottom-bar {
    position: fixed;
    display: flex;
    height: 1.306667rem;
    width: 100%;
    background-color: $primary-color;
    left: 0;
    bottom: 0;
    line-height: 1.306667rem;
    text-align: center;
    font-size: .426667rem;
    color: #fff;
    border-top: 1px solid #efefef;
    justify-content: center;
    color: #fff;
    .bottom-bar-action {
        flex: 1;
        &.bar-left {
            background-color: #fff;
            color: #333;
        }
    }
}

.banner-container {
    width: 100%;
    height: 100%;
}

.banner-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    line-height: 1;
    >img {
        max-width: 100%;
        line-height: 1;
    }
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    text-align: center;
    margin-left: -1px;
    margin-top: 10px;
    >.menu-item {
        display: block;
        position: relative;
        padding: 15px 0;
        width: 33.333333%;
        text-decoration: none;
        color: #666;
        &::before {
            content: " ";
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            bottom: 0;
            border-right: 1px solid #efefef;
            color: #D9D9D9;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
        }
        &::after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 1px solid #efefef;
            color: #D9D9D9;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }
}

.menu-item-icon {
    width: 28px;
    height: 28px;
    margin: 0 auto 5px;
    color: $primary-color;
    >.icon {
        font-size: 28px;
        line-height: 1;
    }
}

.menu-item-label {
    color: inherit;
    font-size: 14px;
    line-height: 1;
    color: #333;
}

.mint-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.mint-search-list {
    height: 100%;
    background: #fff;
}

.mint-searchbar-cancel {
    color: $primary-color;
}

.weui-tabbar {
    position: fixed;
    background: #fff;
}

.weui-tabbar:before {
    border-top: 1px solid #e7e7e7;
}

.weui-tabbar-icon {
    .icon {
        font-size: 24px;
        line-height: 1;
    }
}

.weui-tabbar__item {
    padding: .133333rem 0 0;
    .weui-tabbar-icon {
        .icon {
            font-size: .64rem;
        }
    }
    .weui-tabbar__label {
        font-size: .266667rem;
    }
    &.weui-bar__item_on {
        .weui-tabbar__label {
            color: $primary-color;
        }
        .weui-tabbar-icon {
            color: $primary-color;
        }
    }
}

.menu-top {
    background: #fff;
    display: flex;
    padding: .32rem 0;
    .menu-top-item {
        position: relative;
        flex: 1;
        display: flex;
        justify-content: center;
        color: #333;
        height: 1.2rem;
        &:active {
            background: #ececec;
        }
        &::after {
            content: " ";
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            bottom: 0;
            border-right: 1px solid #ddd;
            color: #D9D9D9;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
        }
        .menu-top-item-l {
            color: $primary-color;
            .menu-icon {
                width: 1.2rem;
                line-height: 1;
                margin: 0;
                padding: 0;
                vertical-align: top;
            }
        }
        .menu-top-item-r {
            margin-left: .2rem;
            .menu-top-label {
                font-size: .426667rem;
                color: #333;
            }
            .menu-top-des {
                font-size: .32rem;
                color: #999;
            }
        }
    }
}

.pane-home {
    position: relative;
    margin-top: .4rem;
    background-color: #fff;
    padding: .5rem 0;
    .pane-home-h {
        padding: 0 .4rem;
        margin-bottom: .36rem;
        .title {
            font-size: .426667rem;
            color: #333;
            border-left: .08rem solid $primary-color;
            line-height: 1;
            padding-left: .18rem;
        }
    }
}

.pane-home {
    &.rcd-home {
        .pane-home-h {
            .title {
                border-color: #ffc107;
            }
        }
    }
}

.cate-home {
    padding: 0 .2rem;
    .cate-home-item {
        float: left;
        width: 25%;
        padding: .2rem 0;
        text-align: center;
        &:active {
            background: #ececec;
        }
        .cate-home-item-icon {
            height: 1.3rem;
            .icon {
                font-size: .62rem;
                margin-right: .266667rem;
            }
            img {
                height: 1rem;
                vertical-align: top;
            }
        }
        .cate-home-item-label {
            font-size: .373333rem;
            line-height: 1;
        }
    }
}

.pro-rcd-list {
    list-style: none;
    margin: 0;
    .pro-rcd-item {
        width: 4.4rem;
        float: left;
        font-size: .373333rem;
        box-shadow: 0px 8px 12px #ececec;
        margin-left: 0.4rem;
        margin-bottom: 0.4rem;
        background: #fff;
        &:active {
            box-shadow: 0px 15px 20px #ececec;
        }
        .pro-rcd-img {
            height: 4.4rem;
            text-align: center;
            img {
                height: 4.4rem;
                max-width: 100%;
            }
        }
        .pro-rcd-name {
            height: 1.173333rem;
            font-size: .373333rem;
            overflow: hidden;
            color: #333;
        }
        .pro-rcd-item-f {
            padding: 0.2rem 0.4rem 0.4rem 0.4rem;
            .pro-rcd-item-fb {
                display: flex;
                justify-content: space-between;
                align-items: center;
                line-height: 1;
                margin-top: .22rem;
            }
            .price {
                color: red;
                font-size: .426667rem;
            }
            .des {
                color: #999;
                font-size: .32rem;
            }
        }
    }
}

.weui-search-bar {
    font-size: 16px;
    z-index: 10;
}

.pro-list {
    position: relative;
    background: #fff;
    padding: 0 .32rem;
    .pro-item {
        display: flex;
        height: 2.88rem;
        background: #fff;
        position: relative;
        padding: .16rem 0;
        color: #333;
        font-size: .426667rem;
        @extend .boder-b;
        &::after {
            left: 2.533333rem + .32rem;
            border-bottom: 1px solid #e5e5e5;
            color: #D9D9D9;
        }
        &:active {
            background: #ececec;
        }
        &:last-child {
            &::after {
                border: 0;
                height: 0;
            }
        }
        .pro-item-hd {
            width: 2.533333rem;
            height: 2.533333rem;
            .pro-img {
                width: 2.533333rem;
                height: 2.533333rem;
            }
        }
        .pro-item-bd {
            position: relative;
            padding-left: .32rem;
            flex: 1;
            .pro-info-h {
                display: flex;
                justify-content: space-between;
                font-size: .373333rem;
                color: #999;
                align-items: baseline;
                .price {
                    color: red;
                    .num {
                        font-size: .426667rem;
                    }
                }
            }
            .pro-info-b {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                display: flex;
                font-size: .373333rem;
                color: #999;
                justify-content: space-between;
                padding-left: .32rem;
            }
        }
    }
}

.search-bar-cus {
    &.weui-search-bar {
        background: #fff;
        &::after {
            border-bottom: 1px solid #efefef;
        }
    }
    .weui-search-bar__label {
        background: #f2f2f2;
    }
    .weui-search-bar__box {
        background: #f2f2f2;
    }
    .weui-search-bar__cancel-btn {
        color: $primary-color;
    }
}

.filterbar {
    position: relative;
    display: flex;
    background: #fff;
    height: 1.466667rem;
    font-size: .373333rem;
    @extend .boder-b;
    &::after {
        border-bottom: 1px solid #e5e5e5;
        color: #D9D9D9;
    }
    >li {
        position: relative;
        flex: 1;
        list-style: none;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        line-height: 1.3;
        @extend .boder-l;
        &::after {
            border-left: 1px solid #efefef;
            color: #D9D9D9;
        }
        &.selected {
            .filter-label {
                color: $primary-color;
                &::after {
                    border-top-color: $primary-color;
                    transform: rotate(180deg)
                }
            }
        }
        .filter-label {
            color: #999;
            position: relative;
            &::after {
                content: " ";
                position: absolute;
                right: -.35rem;
                top: .18rem;
                border-top: .18rem solid #999;
                border-left: .12rem solid transparent;
                border-right: .12rem solid transparent;
            }
        }
    }
}

.filterbar-wrap {
    position: relative;
    z-index: 10;
}

.filterbarpop-wrap {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
    .filterbarpop {
        height: 8rem;
        background: #fff;
        z-index: 12;
        overflow-y: scroll;
        overflow-x: hidden;
        ul {
            font-size: .426667rem;
            li {
                position: relative;
                padding: .133333rem;
                @extend .boder-t;
            }
        }
    }
}

.pro-filter-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 1.24rem;
    left: 0;
}

/* 商品详情 start */

.banner-pro-container {
    .swiper-pagination-fraction {
        font-size: .32rem;
        width: 1.3rem;
        color: #fff;
        background: rgba(#000000, 0.4);
        border-radius: .266667rem;
        line-height: 1;
        left: auto;
        right: .266667rem;
        bottom: .266667rem;
        padding: .1rem 0;
        text-align: center;
    }
}

.pro-details {
    .banner-pro {
        height: 5.333333rem;
        >img {
            width: 100%;
            height: 100%;
        }
    }
    .pro-info {
        position: relative;
        background: #fff;
        padding: .4rem .333333rem;
        margin-bottom: .32rem;
        @extend .boder-b;
        &::after {
            border-bottom: 1px solid #e5e5e5;
            color: #e5e5e5;
        }
        .pro-info-h {
            display: flex;
            margin-bottom: .15rem;
        }
        .pro-info-b {
            margin-top: .4rem;
        }
        .pro-name {
            width: 8.5rem;
            font-size: .48rem;
        }
        .pro-des {
            font-size: .373333rem;
            color: #999;
        }
        .pro-address {
            font-size: .426667rem;
            color: #999;
        }
        .price-group {
            font-size: .373333rem;
            .pro-price {
                font-size: .48rem;
            }
            color: red;
        }
    }
    .pro-bsn-info {
        position: relative;
        background: #fff;
        padding: .32rem;
        font-size: .426667rem;
        display: flex;
        margin-bottom: .32rem;
        @extend .boder-t;
        &::before {
            border-top: 1px solid #e5e5e5;
            color: #e5e5e5;
        }
        @extend .boder-b;
        &::after {
            border-bottom: 1px solid #e5e5e5;
            color: #e5e5e5;
        }
        .bsn-avator {
            >img {
                width: 1.333333rem;
                border-radius: 50%;
            }
        }
        .bsn-des {
            padding: 0 .32rem;
            >span {
                display: block;
            }
            .bsn-level {
                font-size: .373333rem;
                color: #999;
                .bsn-level-value {
                    color: red;
                }
            }
        }
    }
    .pro-spe {
        background-color: #fff;
        font-size: .426667rem;
        min-height: 4rem;
        color: #333;
        .pro-spe-head {
            font-size: .426667rem;
            color: #333;
            padding: 0.32rem;
            line-height: 1;
        }
        .pro-spe-body {
            font-size: .426667rem;
            color: #666;
            padding: 0.32rem;
            padding-top: 0.1rem;
            padding-bottom: 0.5rem;
        }
    }
}

/*商品详情 end */

/*个人中心和我的店铺 start */

.m-store {
    font-size: .426667rem;
}

.m-info {
    height: 2.133333rem;
    background-color: $primary-color;
    color: #fff;
    font-size: .426667rem;
    padding: 0 .333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .m-info-l {
        display: flex;
        align-items: center;
    }
    .avator {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 50%;
        border: 2px solid #fff;
    }
    .m-info-delt {
        padding-left: .266667rem;
        >span {
            display: block;
            line-height: 1.6;
            &.address {
                font-size: .373333rem;
            }
        }
    }
}

.enter-store {
    text-align: center;
    .enter-store-icon {
        .icon {
            color: #fff;
            font-size: 0.8rem;
            line-height: 1;
        }
    }
    .enter-store-label {
        color: #fff;
        font-size: .42rem;
    }
}

.order-cell {
    background: #fff;
}

.store-pro {
    .store-pro-head {
        padding: 0.4rem;
        font-size: .373333rem;
        color: #999;
        line-height: 1;
    }
}

.store-pro-list {
    .store-pro-item {
        width: 4.466667rem;
        height: 5.6rem;
        background: #fff;
        float: left;
        margin-left: .346667rem;
        margin-bottom: 0.346667rem;
        position: relative;
        .store-pro-info {
            padding: .293333rem .32rem;
            line-height: 1;
        }
        &.creat-pro {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: .426667rem;
            color: #333;
            .icon {
                font-size: 1.6rem;
                color: #04a25c;
                line-height: 1;
                margin-bottom: .18rem;
            }
        }
        .store-pro-img {
            height: 2.533333rem;
            background: url('../images/sc.jpg') no-repeat;
            background-size: 100% auto;
            background-position: center;
        }
        .store-pro-name {
            font-size: .426667rem;
            margin-bottom: .293333rem;
        }
        .store-pro-des {
            font-size: .373333rem;
            color: #666;
            height: 1.3rem;
        }
        .store-pro-f {
            display: flex;
            justify-content: space-between;
            font-size: .373333rem;
            color: #666;
            .store-pro-price {
                color: red;
            }
        }
    }
}

/*个人中心和我的店铺 end */

/* navbar START */

.navbar {
    display: flex;
    width: 100%;
    position: relative;
    background: #fff;
    @extend .boder-b;
    &::after {
        border-bottom: 1px solid #ddd;
        color: #ddd;
    }
    .navbar-item {
        flex: 1;
        position: relative;
        padding: 0.25rem 0;
        text-align: center;
        font-size: .373333rem;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        &.on {
            &::after {
                content: "";
                position: absolute;
                left: 50%;
                margin-left: -0.7rem;
                bottom: 0;
                width: 1.4rem;
                height: 4px;
                border-radius: 4px;
                background: $primary-color;
            }
        }
    }
}

/* navbar END */

/* order START */

.order-item {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #fff;
    font-size: .373333rem;
    margin-top: .533333rem;
    color: #333;
    @extend .boder-t;
    &::before {
        border-top: 1px solid #e5e5e5;
    }
    @extend .boder-b;
    &::after {
        border-bottom: 1px solid #e5e5e5;
    }
    .order-item-hd {
        position: relative;
        display: flex;
        padding: .4rem;
        line-height: 1;
        @extend .boder-b;
        &::after {
            border-bottom: 1px solid #e5e5e5;
        }
        .order-item-hd-l {
            flex: 1;
        }
        .order-item-hd-r {
            color: #FF0000;
        }
    }
    .order-item-bd {
        display: flex;
        padding: .4rem;
        .order-item-bd-l {
            width: 1.6rem;
            .order-img {
                width: 100%;
            }
        }
        .order-item-bd-m {
            flex: 1;
            color: #999;
            line-height: 1.5;
            padding: 0 .266667rem;
            .order-name {
                color: #333;
            }
        }
        .order-item-bd-r {
            color: #999;
            line-height: 1.5;
        }
    }
    .order-item-bt {
        display: flex;
        color: #999;
        line-height: 1;
        padding: .4rem;
        font-size: .32rem;
        .order-item-bt-l {
            flex: 1;
        }
    }
    .order-item-fd {
        position: relative;
        padding: .4rem;
        line-height: 1;
        @extend .boder-t;
        &::before {
            border-top: 1px solid #DDDDDD;
        }
        .order-amount {
            color: #FF0000;
            font-size: .56rem;
        }
    }
}

/* order-item END */

/* order-details START */

.order-details {
    .order-details-tips {
        font-size: .373333rem;
        padding: .2rem 0;
        text-align: center;
        color: #999;
        .icon {
            font-size: .426667rem;
            line-height: 1;
            vertical-align: middle;
        }
        span {
            vertical-align: middle;
        }
    }
    font-size: .426667rem;
    padding: 0 .333333rem;
    .order-details-boxt {
        background: #fff;
        padding: .333333rem;
        border-top: 2px solid $primary-color;
        border-left: 1px solid #ececec;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }
    .info-group {
        display: flex;
        margin-bottom: .266667rem;
        font-size: .373333rem;
        &:last-child {
            margin-bottom: 0;
        }
        .lable {
            width: 2.133333rem;
        }
        .value {
            flex: 1;
        }
    }
    .order-details-boxb {
        background: #fff;
        padding: .333333rem;
        border: 1px solid #ececec;
        margin-top: .266667rem;
        .info-group {
            margin-bottom: .48rem;
            .value {
                text-align: right;
            }
        }
    }
    .order-details-boxbf {
        position: relative;
        @extend .boder-t;
        padding-top: .333333rem;
        text-align: right;
    }
    .amount {
        color: #FF0000;
    }
    .minfo {
        margin-top: .266667rem;
        border-top: 1px solid #ececec;
        .info-group {
            margin-bottom: .48rem;
            .value {
                color: #999;
            }
        }
        .order-details-boxbf {
            text-align: left;
            font-size: .32rem;
            color: #999;
        }
    }
}

/* order-details END */

.ftdbar {
    position: fixed;
    display: flex;
    width: 100%;
    height: 1.28rem;
    @extend .boder-t;
    background: #fff;
    bottom: 0;
    font-size: .426667rem;
    line-height: 1.28rem;
    .ftdbar-item {
        position: relative;
        display: flex;
        flex: 1;
        justify-content: center;
        @extend .boder-r;
    }
}

/* 下单 START */
.place-order {
    font-size: .426667rem;
    .address-cell {
        padding: .24rem .4rem;
        .shr {
            padding-left: .48rem;
        }
        .tel {
            margin-left: 1.333333rem;
        }
        .address {
            font-size: .373333rem;
            color: #999;
            margin-top: .133333rem;
            vertical-align: middle;
            .icon {
                color: #b2d8fc;
                font-size: .40rem;
                vertical-align: middle;
            }
        }
    }
}

.po-pane {
    background: #fff;
    font-size: .426667rem;
    margin-top: .213333rem;
    .po-pane-h {
        display: flex;
        justify-content: space-between;
        padding: 0.3rem .4rem;
        .store-img {
            width: .866667rem;
            border-radius: 50%;
        }
        .po-pane-hr {
            .calltel {
                display: inline-block;
                font-size: .373333rem;
                color: $red-color;
                border: 1px solid $red-color;
                padding: 0rem 0.2rem;
                border-radius: 3px;
            }
        }
    }
    .po-pane-b {
        .prod-info {
            display: flex;
            padding: 0.3rem .4rem;
            font-size: .38rem;
            .prod-img {
                width: 3rem;
                height: 2rem;
                margin-right: 0.4rem;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .prod-qty {
            display: flex;
            padding: 0.2rem .4rem;
            padding-bottom: 0.58rem;
            font-size: .38rem;
            position: relative;
            .qty-label {
                flex: 1;
                vertical-align: bottom;
                line-height: 1;
                padding-top: 0.32rem;
            }
            .qty-input {
                width: 2.2rem;
                border-bottom: 2px solid $primary-color;
                text-align: center;
                margin-right: .2rem;
                input {
                    text-align: center;
                }
            }
            .qty-unit {
                padding: 0 .133333rem;
                background-color: $primary-color;
                color: #fff;
                height: .666667rem;
                line-height: .666667rem;
                vertical-align: middle;
            }
        }
        .prod-price {
            font-size: .38rem;
            padding: 0.3rem .4rem;
            display: flex;
            .price-label {
                width: 1.933333rem;
            }
            .price-value {
                color: $red-color;
                .price-limit {
                    border: 1px solid $red-color;
                    padding: 0 .1rem;
                    border-radius: .06rem;
                    font-size: .32rem;
                    margin-left: .133333rem;
                }
            }
        }
        .prod-tips {
            position: relative;
            font-size: .38rem;
            padding-left: 2.35rem;
            padding-right: 0.5rem;
            padding-bottom: .46rem;
        }
        .prod-message {
            position: relative;
            font-size: .38rem;
            padding: 0.3rem .4rem;
            padding-bottom: 0.8rem;
            .meesage-box {
                padding-top: 0.2rem;
                textarea {
                    border: 1px solid #efefef;
                    padding: 0.1rem;
                }
            }
        }
        .calltel {
            display: inline-block;
            color: #fff;
            background-color: $primary-color;
            padding: 0 .2rem;
            border-radius: 4px;
            font-size: .373333rem;
        }
    }
}

.po-check-out {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 1.306667rem;
    width: 100%;
    background: $primary-color;
    font-size: .48rem;
    display: flex;
    border-top: 1px solid #efefef;
    .po-check-out-amount {
        flex: 6;
        line-height: 1.306667rem;
        text-align: center;
        background-color: #fff;
        color: $red-color;
    }
    .po-check-out-aciont {
        flex: 8;
        line-height: 1.306667rem;
        text-align: center;
        color: #fff;
    }
}

/* 下单 END */

/* 地址管理 START */
.address-item {
    background-color: #fff;
    font-size: .426667rem;
    margin-bottom: .266667rem;
    .address-item-b {
        padding: 0.4rem;
        position: relative;
        .address-item-bh {
            display: flex;
            line-height: 1;
            vertical-align: bottom;
            .tel {
                flex: 1;
                text-align: right;
            }
            .tag-default {
                font-size: .373333rem;
                color: $red-color;
                margin-right: .133333rem;
            }
        }
        &.boder-b::after {
            border-bottom: 1px solid #DDDDDD;
            color: #DDDDDD;
        }
    }
    .address-item-bf {
        color: #666;
        padding: 0.3rem 0rem;
        font-size: .4rem;
    }
    .address-item-f {
        display: flex;
        line-height: 1;
        position: relative;
        font-size: .426667rem;
        .address-item-fa {
            flex: 1;
            text-align: center;
            padding: .4rem;
            position: relative;
        }
        &.boder-b::after {
            border-bottom: 1px solid #DDDDDD;
            color: #DDDDDD;
        }
    }
}

.address-create {
    .weui-label {
        width: 2.6rem;
    }
}

/* 地址管理 END */